草庐IT

D3 笔记

全部标签

javascript - 具有正值和负值的 d3.js 直方图

我不知道如何在数据数组中同时存在正值和负值的情况下正确创建直方图。我在这里使用了直方图示例http://bl.ocks.org/mbostock/3048450作为基础,虽然x轴值和刻度是正确的,但条形图是午餐。数据varvalues=[-15,-20,-22,-18,2,6,-26,-18,-15,-20,-22,-18,2,6,-26,-18];X比例varx0=Math.max(-d3.min(values),d3.max(values));varx=d3.scale.linear().domain([-x0,x0]).range([0,width]).nice();在这里查看j

javascript - D3.js 获取面积图最近的 X 和 Y 坐标

您好,我有一个包含多个X(年份)和Y(价格)值的面积图。正如我发现的那样,当用户单击线上的一个点时,有一种简单的方法可以获取图表的X、Y坐标值,但是单击外部线,即SVG/图表主体区域只能提供平面坐标的X、Y而不是数据。图表上的点:circles=c.svg().selectAll'circle.dot'circles.on'click',(d)->console.log'POINT','Datum:',dO/P:POINTDatum:{x:FriFeb01198000:00:00GMT+0000(GMTStandardTime),y:666}图表外点:svg.on'click',()-

javascript - D3.js 缩放从数据集中返回错误值

我在d3.js中遇到了scales的问题。当我在Firefox控制台中输入最小值和最大值时,我得到最大值作为最小值,第二最大值作为最大值。这里有什么问题?这是我的csv文件形式的数据集:word,occurobama,11theguardian,9world,8state,8care,7pakistan,7block,6blog,6healthcare,5这是我在控制台中输入的内容以及返回的值:d3.min(dataset,function(d){returnd.occur});=>"11"d3.max(dataset,function(d){returnd.occur});="9"d

javascript - D3 分组条形图 : How to rotate the text of x axis ticks?

我使用的是分组条形图(http://bl.ocks.org/mbostock/3887051),但是x轴的文字很长,如附图所示。如何旋转文字?谢谢你。 最佳答案 可以找到合理的解决方案here结果是这样的:确保您完全理解这部分代码:svg.append("g").attr("class","xaxis").attr("transform","translate(0,"+height+")").call(xAxis).selectAll("text").style("text-anchor","end").attr("dx","-.8

javascript - D3/GraphGL 力定向网络可视化的放大镜效果?

在使用D3或GraphGL库?节点需要展开并取代周围的其他节点,同时保持力导向布局。如果有人能forkthis证明,那太好了!谢谢请注意,这与thisquestion中的简单缩放不同。 最佳答案 好问题。为了回答这个问题,我实现了一个D3plugin对于fisheyedistortion.它大致基于Flare和Sigma.js之前的工作,而后者又基于Sarkar和Brown的工作,"GraphicalFisheyeViewsofGraphs",志'92.这是一个quickdemo与Misérables数据集。查看代码的源代码。我会在

javascript - d3 v4 - 缩放按钮与缩放行为冲突

我创建了一个gist我的问题。我从thisexample开始.所以我的问题是,除了鼠标控件之外,我还需要一些放大和缩小按钮。鼠标控制(使用滚轮缩放和平移通过拖动)是用zoom()behaviour实现的.它工作得很好。然后我添加了两个用于放大和缩小的按钮:var_zoom=d3.zoom().scaleExtent([1/2,8]).on("zoom",zoomed);vargui=d3.select("#gui")gui.append("span").classed("zoomin",true).text("+").on("click",function(){_zoom.scaleB

javascript - 使用 d3.js 和 TypeScript 绘制饼图时出现编译错误

我正在尝试使用d3.js库和TypeScript绘制饼图。我有以下代码:"usestrict";moduleChart{exportclasschart{privatechart:d3.Selection;privatewidth:number;privateheight:number;privateradius:number;privatedonutWidth:number;privatedataset:{label:string,count:number}[];privatecolor:d3.scale.Ordinal;constructor(container:any){this

javascript - 使用 D3.js 的极坐标图

有谁知道使用D3Javascriptlibraries生成极坐标图的好例子吗??我见过一些像this这样的玫瑰图和this,但我真的在寻找更类似于Matlab极坐标图的东西:任何示例将不胜感激。谢谢! 最佳答案 当然,给你:该函数是使用d3.svg.line.radial绘制的.背景径向网格被实现为线、圆和文本元素。一个小烦恼是代码需要弧度(对于d3.svg.line.radial)和度数(对于SVG的transformattribute)。我使用了旋转的文本标签,因为使用SVG很容易做到这一点,但如果您不介意用一点三Angular

javascript - d3js force directed - 在悬停到节点时,突出显示/着色链接节点和链接?

我有具有4种类型的节点和两种类型的链接的力定向图。我将一种类型的节点(蓝色的小节点)用作两个较大节点之间的“连接节点”。在鼠标悬停节点上,它变大了,但我也想用不同的颜色为这个节点的“连接”着色。所以当你将鼠标悬停在一个节点上时...所有链接和小“连接节点”都会变成不同的颜色,这样你就可以知道这个悬停的节点连接到哪个其他更大的节点。你可以通过以下链接查看我的情况:http://jsfiddle.net/2pdxz/例如:如果您将鼠标悬停在Google节点上,带有“connection”节点的指向Yahoo的链接将突出显示,并且指向CDO和CTO突出显示我尝试添加这部分代码:functio

视频目标跟踪综述学习笔记

目标跟踪综述论文阅读心得1、目标跟踪任务是什么?​目标跟踪是计算机视觉领域的一个重要分支。目标跟踪就是在一段视频序列中定位感兴趣的运动目标,得到目标完整的运动轨迹。给定图像第一帧目标的位置,预测下一帧图像中目标的位置。2、目标跟踪的主要部分:运动模型(MotionModel):如何产生众多的候选样本。 生成候选样本的速度与质量直接决定了跟踪系统表现的优劣。常见的有粒子滤波(ParticleFilter)滑动窗口(SlidingWindow)半径滑动窗口(RadiusSlidingWindow)。论文中的结论:通常情况下,运动模型对性能的影响较小。然而,在尺度变化和快速运动的情况下,正确设置参数